<template>
<!-- 一开始的表单也  但现在不用了 -->
  <div class="whole-form">
    <div class="input-form">
      <div>
        <el-input style="margin-top: 25px;" placeholder="请输入标题" v-model="input1">
          <template slot="prepend">标题</template>
        </el-input>
      </div>
      <div style="margin-top: 15px;">
        <el-input placeholder="请输入预算" v-model="input2">
          <template slot="prepend">预算</template>
        </el-input>
      </div>
      <el-input
          style="margin-top: 15px;"
          type="textarea"
          placeholder="请输入订单描述,如
          1、对创意要求较高，最好是营销鬼才
          2、要上门拍摄办公区等
         "
          v-model="textarea"
          maxlength="200"
          show-word-limit
      >
      </el-input>
      <div style="margin-top: 15px;">
        <Deadline/>
      </div>

      <div style="margin-top: 50px;margin-left: 35%;">
        <v-btn color="error" dark large>免费发布</v-btn>
      </div>
    </div>
  </div>
</template>

<script>
import Deadline from "@/views/Deadline.vue";

export default {
  name: "Form",
  components: {Deadline},
  data() {
    return {
      input1: '',
      input2: '',
      input3: '',
      select: ''
    }
  }
}
</script>

<style>
/*.whole-form{*/
/*  background-image: url("@/assets/02.webp");*/
/*}*/
.input-form {
  /*增加阴影*/
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.5);

  /*增加圆弧角*/
  border-radius: 8px;
  height: 300px;
  width: 800px;
  max-width: 100%;
  padding: 0px 35px 0;
  margin: auto;
  position: absolute;
  top: 20%;
  left: 25%;
  /*可以自行微调输入框的位置*/
}

.el-select .el-input {
  width: 130px;
}

.input-with-select .el-input-group__prepend {
  background-color: #fff;
}
</style>
